<!--<template>-->
<!--  <div class="app-container">-->



<!--       <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">-->
<!--         <el-form-item label="组名" prop="groupName">-->
<!--           <el-input-->
<!--             style="width: 120px"-->
<!--             v-model="queryParams.groupName"-->
<!--             placeholder="请输入组名"-->
<!--             clearable-->
<!--             @keyup.enter.native="handleQuery"-->
<!--           />-->
<!--         </el-form-item>-->


<!--         <el-form-item v-has-role="['admin']" label="此群管理者id" prop="adminUserId">-->
<!--           <el-input-->
<!--             style="width: 120px"-->
<!--             v-model="queryParams.adminUserId"-->
<!--             placeholder="此群管理者id"-->
<!--             clearable-->
<!--             @keyup.enter.native="handleQuery"-->
<!--           />-->
<!--         </el-form-item>-->
<!--         <el-form-item label="状态" prop="status">-->
<!--           <el-select-->
<!--             style="width: 120px"-->

<!--             v-model="queryParams.status" placeholder="请选择状态" clearable>-->
<!--             <el-option-->
<!--               v-for="dict in dict.type.sys_normal_disable"-->
<!--               :key="dict.value"-->
<!--               :label="dict.label"-->
<!--               :value="dict.value"-->
<!--             />-->
<!--           </el-select>-->
<!--         </el-form-item>-->
<!--         <el-form-item v-if="checkRole(['admin']) || checkPermi(['iot:topic:list'])-->
<!--                                  ||checkPermi(['iot:device:list'])-->
<!--" label="归属关系" prop="status">-->
<!--           <el-select style="width: 120px"-->
<!--                      v-model="queryParams.iCreated" placeholder="归属关系" clearable>-->
<!--             <el-option-->
<!--               v-for="dict in dict.type.iot_creator"-->
<!--               :key="dict.value"-->
<!--               :label="dict.label"-->
<!--               :value="dict.value"-->
<!--             />-->
<!--           </el-select>-->
<!--         </el-form-item>-->

<!--         <el-form-item>-->
<!--           <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>-->
<!--           <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>-->
<!--         </el-form-item>-->
<!--       </el-form>-->
<!--       <el-row :gutter="10" class="mb8">-->

<!--         <el-col :span="5">-->
<!--           当前选中的组ID: <span style="color: #ff0000">{{ gid }}</span>-->
<!--         </el-col>-->


<!--         <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>-->
<!--       </el-row>-->
<!--       <el-table style="max-height: 350px" v-loading="loading" border ref="singleTable"-->
<!--                 highlight-current-row-->
<!--                 @current-change="handleCurrentChange"-->
<!--                 :data="groupList">-->
<!--         <el-table-column label="设备组ID" align="center" prop="groupId"/>-->
<!--         <el-table-column label="组名" align="center" prop="groupName"/>-->
<!--         <el-table-column label="此群管理者" width="110" align="center" prop="adminUserName"/>-->

<!--         <el-table-column label="状态" align="center" prop="status">-->
<!--           <template slot-scope="scope">-->
<!--             <dict-tag :options="dict.type.sys_normal_disable" :value="scope.row.status"/>-->
<!--           </template>-->
<!--         </el-table-column>-->
<!--         <el-table-column v-if="showOperate" label="操作" align="center" class-name="small-padding fixed-width">-->
<!--           <template slot-scope="scope">-->
<!--             <el-button-->
<!--               size="mini"-->
<!--               type="text"-->
<!--               @click="handle(scope.row)"-->
<!--             >{{ operate }}-->
<!--             </el-button>-->

<!--           </template>-->
<!--         </el-table-column>-->
<!--       </el-table>-->
<!--       <pagination-->
<!--         v-show="total>0"-->
<!--         :total="total"-->
<!--         :page.sync="queryParams.pageNum"-->
<!--         :limit.sync="queryParams.pageSize"-->
<!--         @pagination="getList"-->
<!--       />-->
<!--       <el-divider></el-divider>-->





<!--  </div>-->
<!--</template>-->
<!--<style>-->


<!--</style>-->

<!--<script>-->
<!--import {listGroup} from "@/api/iot/group";-->
<!--import store from '@/store'-->
<!--import {checkPermi, checkRole} from "@/utils/permission"; // 权限判断函数-->

<!--export default {-->
<!--  name: "Group",-->
<!--  dicts: ['sys_normal_disable', 'iot_creator'],-->
<!--  props: {-->
<!--    // 角色编号-->
<!--    operate: {-->
<!--      type: [String]-->
<!--    },-->
<!--    showOperate: {-->
<!--      type: [Boolean]-->
<!--    }-->
<!--  },-->
<!--  data() {-->

<!--    return {-->
<!--      gid: "未选中",-->
<!--      // 遮罩层-->
<!--      loading: true,-->
<!--      // 显示搜索条件-->
<!--      showSearch: true,-->
<!--      // 总条数-->
<!--      total: 0,-->
<!--      // group表格数据-->
<!--      groupList: [],-->
<!--      // 弹出层标题-->
<!--      title: "",-->
<!--      // 是否显示弹出层-->
<!--      open: false,-->
<!--      // 查询参数-->
<!--      queryParams: {-->
<!--        pageNum: 1,-->
<!--        pageSize: 10,-->
<!--        iCreated: "1",-->
<!--        groupName: null,-->
<!--        secretKey: null,-->
<!--        secretValue: null,-->
<!--        adminUserId: null,-->
<!--        status: null-->
<!--      },-->
<!--      // 表单参数-->
<!--      form: {},-->
<!--      // 表单校验-->
<!--      rules: {-->
<!--        groupName: [-->
<!--          {required: true, message: "组名不能为空", trigger: "blur"}-->
<!--        ],-->

<!--      },-->
<!--      currentRow: null,-->
<!--    };-->
<!--  },-->
<!--  created() {-->
<!--    this.getList();-->
<!--  },-->
<!--  methods: {-->

<!--    checkPermi,-->
<!--    checkRole,-->
<!--    handleCurrentChange(val) {-->
<!--      this.gid = val.groupId;-->
<!--      this.$emit('select-gid', this.gid);-->

<!--      this.currentRow = val;-->
<!--    },-->

<!--    getUserId() {-->
<!--      return store.state.user.id-->
<!--    },-->
<!--    /** 查询group列表 */-->
<!--    getList() {-->
<!--      this.loading = true;-->
<!--      listGroup(this.queryParams).then(response => {-->
<!--        this.groupList = response.rows;-->
<!--        this.total = response.total;-->
<!--        this.loading = false;-->
<!--      });-->
<!--    },-->
<!--    // 取消按钮-->
<!--    cancel() {-->
<!--      this.open = false;-->
<!--      this.reset();-->
<!--    },-->
<!--    // 表单重置-->
<!--    reset() {-->
<!--      this.form = {-->
<!--        groupId: null,-->
<!--        groupName: null,-->
<!--        secretKey: null,-->
<!--        secretValue: null,-->
<!--        adminUserId: null,-->
<!--        createBy: null,-->
<!--        createTime: null,-->
<!--        updateBy: null,-->
<!--        updateTime: null,-->
<!--        remark: null,-->
<!--        status: "0"-->
<!--      };-->
<!--      this.resetForm("form");-->
<!--    },-->
<!--    /** 搜索按钮操作 */-->
<!--    handleQuery() {-->
<!--      this.queryParams.pageNum = 1;-->
<!--      this.getList();-->
<!--    },-->
<!--    handle(row) {-->
<!--      this.$emit('add', row.groupId);-->

<!--    },-->
<!--    /** 重置按钮操作 */-->
<!--    resetQuery() {-->
<!--      this.resetForm("queryForm");-->
<!--      this.handleQuery();-->
<!--    },-->


<!--  }-->
<!--};-->
<!--</script>-->
